var keyId = decodeURI(substr(location.href, "key"))
console.log(keyId)
var page = 1
var pageSize = 3
var AllGoods=''
$(function () {
    $("[type='search']").val(keyId)
    mui.init({
        pullRefresh: {
            container: "#refreshContainer", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
            down: {
                height: 50, //可选,默认50.触发下拉刷新拖动距离,
                auto: true, //可选,默认false.首次加载自动下拉刷新一次
                contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                contentrefresh: "正在刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                callback: getDataDown

            },
            up : {
                height:50,//可选.默认50.触发上拉加载拖动距离
                auto:true,//可选,默认false.自动上拉加载一次
                contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                callback :getDataUp //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
              }
        }
    });

    function getDataUp() {
        var that = this
        $.ajax({
            url: '/product/queryProduct',
            type: "GET",
            data: {
                proName: keyId,
                page: page++,
                pageSize: 3
            },
            success: function (res) {
                console.log(res)
                if(res.data.length>0){
                    AllGoods += template("artList", {
                        result: res.data
                    })
                    $("#searchResultList").html(AllGoods)
                    that.endPullupToRefresh(false);
                }else{
                    that.endPullupToRefresh(true);
                }
                
            }
        })
    }

    function getDataDown() {
        var that = this
        $.ajax({
            url: '/product/queryProduct',
            type: "GET",
            data: {
                proName: keyId,
                page: page,
                pageSize: pageSize
            },
            success: function (res) {
                console.log(res)
                setTimeout(() => {
                    var html = template("artList", {
                        result: res.data
                    })
                    $("#searchResultList").html(html)
                    that.endPulldownToRefresh();
                    that.refresh(true);
                }, 1000);


            }
        })

    }
})


function substr(url, name) {

    // var urlTrue = encodeURI(encodeURI(url))
    var keyName = url.substr(url.indexOf("=") + 1)
    return keyName;
}